// 先导入变量
@use './_variables' as *;
@use './_mixins' as *;
// 页脚组件样式
.footer {
  background: #2B2F3A;
  color: $background-color-white;
  padding: $spacing-extra-large 0;

  &-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    gap: $spacing-extra-large;
    
    @media (max-width: 992px) {
      grid-template-columns: 1fr 1fr;
    }
    
    @media (max-width: 576px) {
      grid-template-columns: 1fr;
    }
  }

  &-logo {
    margin-bottom: $spacing-base;
    img {
      height: 40px;
    }
  }

  &-description {
    color: rgba($background-color-white, 0.7);
    line-height: 1.6;
    margin-bottom: $spacing-large;
  }

  &-contact {
    margin-bottom: $spacing-base;
    
    .icon {
      margin-right: $spacing-small;
      color: $primary-color;
    }
  }

  &-title {
    font-size: $font-size-large;
    margin-bottom: $spacing-large;
  }

  &-links {
    list-style: none;
    padding: 0;
    
    li {
      margin-bottom: $spacing-small;
    }
  }

  &-link {
    color: rgba($background-color-white, 0.7);
    transition: $transition-base;
    
    &:hover {
      color: $primary-color;
    }
  }

  &-bottom {
    margin-top: $spacing-extra-large;
    padding-top: $spacing-large;
    border-top: 1px solid rgba($background-color-white, 0.1);
    text-align: center;
    color: rgba($background-color-white, 0.5);
  }
} 